<template>
<h1>测试页面</h1>
  <table border="1px">
    <tr>
      <th>name</th>
      <th>age</th>
      <th>home</th>
    </tr>
    <tr v-for="(item,index) in arr" :key="index">
      <td>{{item.name}}</td>
      <td>{{item.age}}</td>
      <td>{{item.home}}</td>
    </tr>
  </table>
  <el-select style="width: 50%;" placeholder="选择心动嘉宾" v-model="select">
    <el-option v-for="(item,index) in arr1" :key="index" :label="item" :value="item"></el-option>
  </el-select>
  <el-radio-group>

  </el-radio-group>
  <hr>
  <el-icon size="50px" color="red"><Delete /></el-icon>
</template>

<script setup>
import {ref} from "vue";

const arr=ref([
      {name:'yigei',age:18,home:'国'},
      {name:'yigei2',age:18,home:'国2'},
      {name:'yigei3',age:18,home:'国3'}
]);
const arr1=ref([1,2,3,4,5]);
const select=ref('');
</script>

<style scoped>

</style>